<%@ page import="databean.User"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<link rel="SHORTCUT ICON" href="./favicon.ico"/>
<title>GlobaTrek - Communications Manager</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="generator" content="HAPedit 3.1">

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.1/jquery-ui.min.js" type="text/javascript"></script>
<script src="js/jquery.extend.js" type="text/javascript"></script>
<script type="text/javascript" src="js/jquery.dataTables.js"></script>
<script type="text/javascript" src="js/jquery.validationEngine-en.js"></script>
<script type="text/javascript" src="js/jquery.validationEngine.js"></script> <!-- for forms -->
<script type="text/javascript" src="js/jquery.expander.js"></script> <!-- for navigation -->
<script type="text/javascript" src="js/jquery.expand.js"></script> <!-- for the message panel -->
<script type="text/javascript" src="js/slider.js"></script>
<script src="js/jquery.howdydo-bar.js" type="text/javascript"></script>


<script src="js/navDock_1.2.js" type="text/javascript"></script>
<script src="js/main.js" type="text/javascript"></script>
<script type="text/javascript" src="js/menu.js"></script>


<link href="css/style.css" rel="stylesheet" type="text/css">
<link href="css/table.css" rel="stylesheet" type="text/css">
<link href="css/validationEngine.jquery.css" rel="stylesheet" type="text/css">

<link href="css/demo.css" rel="stylesheet" type="text/css" />
<link type="text/css" href="css/menu.css" rel="stylesheet" />
<link href="css/howdydo-bar-blackstripes.css" rel="stylesheet" type="text/css">

<% 
User user = (User) request.getAttribute("user");
		
		String name = "Help";
		String loginText =  "<a class=\"name menu_target\" href=\"user-login.do\">Sign In</a>";
		
if (user != null ) {
	
	name = user.getFirstName() + " " + user.getLastName();
	loginText = "<a class=\"name menu_target\" href=\"user-logout.do\">Sign out</a>";

} 
%>




<script type="text/javascript" charset="utf-8">
			//global scripts
			$(document).ready(function() {
				
				$("#top_menu a").each(function() {
					var hreflink = "/bodado/";
					hreflink += $(this).attr("href");
					
					if (hreflink.toLowerCase()==location.pathname.toLowerCase()) {
						
						$(this).removeClass("blue");
						$(this).addClass("green");
					}
				});
				
				
				$('#navDemo02').navDocks({speed:100, activeMenu:true, tips: false, fromSize: 32, toSize: 64});
				//$('#contactlist').dataTable(); //tablesorting
				
				
				
				
				$("#formID").validationEngine(); //form validation
				$('div.expandable p').expander({
				    slicePoint:       70,  // default is 100
				    expandText:         'More', // default is 'read more...'
				    collapseTimer:    5000, // re-collapses after 5 seconds; default is 0, so no re-collapsing
				    userCollapseText: 'Less'  // default is '[collapse expanded text]'
				  });
				
				$('#showhidetarget').hide();
	            $('a#showhidetrigger').click(function () {
	                $('#showhidetarget').toggle(400);
	            });
			} );
			
	            /**
	             *
	             * @param {jqObject} the field where the validation applies
	             * @param {Array[String]} validation rules for this field
	             * @param {int} rule index
	             * @param {Map} form options
	             * @return an error string if validation failed
	             */
	            function checkHELLO(field, rules, i, options){
	                if (field.val() != "HELLO") {
	                    // this allows to use i18 for the error msgs
	                    return options.allrules.validate2fields.alertText;
	                }
	            }
	             
	             
	                
</script>
</head>

<body class="clearfix">



<div id="container">
	
	<div id="header">

   		
    <div class="background"></div>
    <div class="boundary">
    	<div id="inner_header_wrapper">
    	
        	<%-- <jsp:include page="include-navigation.jsp"/>  --%>
            <div id="top_menu">
            	<div id="corp_logo"><img src="images/globatreklogo.png"/></div>
            	
            	
            	<a href="conversation-feed.do" class="awesome blue medium">Conversations</a> <!--  if active -->
            	<a href="contacts.do" class="awesome blue medium">Contacts</a>
            	<a href="conversation-map.do" class="awesome blue medium">Message Map</a>
            	<a href="video-existing-confs.do" class="awesome blue medium">Video Conference</a>
            </div>
            <div id="search_wrapper">
                            	<div class="search_results">
                            	
                                	<div class="field" style="position:relative;">
                                           <input id="search_input" class="live_search autofocus overlayable" type="text" data-focus-priority="0" autocapitalize="off" autocorrect="off" autocomplete="off" source="search.json" title="Jump to a contact, case, deal, or tag..." name="term" decorated="decorated" placeholder="Search">
				
                                    </div>
                                </div>
                        	</div>

            
            

    		<div id="nav_links_container">
           	  <div class="menu_container">
                    <%= loginText %>
                    <a class="name help menu_target" href="#"><%=name %></a>
                </div>
            </div>
         </div>
    </div>
</div>


<!-- start of wrapper, closes in footer -->
<div id="wrapper">
	<div id="inner_wrapper">
		<div id="main_body">
		